<!doctype html>
<html class="no-js">
<head>
  <include file="./Apps/WebApp/View/default/common_meta.html" />
  <title>首页 - {$CONF['mallTitle']}</title>
  <meta name="keywords" content="{$CONF['mallKeywords']}">
  <meta name="description" content="{$CONF['mallDesc']}">
  <link rel="stylesheet" href="__ROOT__/Apps/WebApp/View/default/AmazeUI/assets/css/amazeui.min.css">
  <link rel="stylesheet" href="__ROOT__/Apps/WebApp/View/default/css/swiper.min.css">
  <link rel="stylesheet" href="__ROOT__/Apps/WebApp/View/default/css/common.css?v={$WST_V}">
  <link rel="stylesheet" href="__ROOT__/Apps/WebApp/View/default/css/wst_page_common.css?v={$WST_V}">
  <link rel="stylesheet" href="__ROOT__/Apps/WebApp/View/default/css/home.css?v={$WST_V}">
	<link rel="stylesheet" href="__ROOT__/Apps/WebApp/View/default/css/shops_list.css?v={$WST_V}">
	<link rel="stylesheet" href="__ROOT__/Apps/WebApp/View/default/css/mui.min.css">
	<link rel="stylesheet" href="__ROOT__/Apps/WebApp/View/default/css/iconfont.css">
</head>
<body>
  <div class="wst-page" id="wst-page1">
    <include file="./Apps/WebApp/View/default/common_header.html" />

    <div class="">
      <div data-am-widget="slider" class="am-slider am-slider-a1" id="homeSlider" data-am-slider='{directionNav:false}'>
        <ul class="am-slides">
          <volist name="indexAds" key="k" id="vo">
            <li><a href="{$vo['adURL']}" target="_blank"><img src="__ROOT__/{$CONF['goodsImg']}" data-echo="__ROOT__/{$vo['adFile']}"></a></li>
          </volist>
        </ul>
      </div>


      <div class="am-g am-g-collapse options-container">
        <?php if($selfShopId){ $col = 3;}else{ $col = 4;} ?>
          <div class="am-u-sm-<?php echo $col;?>">
            <a href="javascript:0" class="four-options" onclick="javascript:toGoodsList(72, 'goodsCatId3');">
				<img src="__ROOT__/Apps/WebApp/View/default/images/event5.png" width="60%" alt="" />
              <span class="options-text">服装</span>
            </a>
          </div>
          <div class="am-u-sm-<?php echo $col;?>">
            <a href="{:U('WebApp/Hotel/index/')}" class="four-options">
				<img src="__ROOT__/Apps/WebApp/View/default/images/event7.png" width="60%" alt="" />
              <span class="options-text">酒店</span>
            </a>
          </div>
        <?php if($selfShopId){ ?>
          <div class="am-u-sm-3">
            <a href="javascript:void(0);" onclick="javascript:goToSelfShop();" class="four-options">
				<img src="__ROOT__/Apps/WebApp/View/default/images/event6.png" width="60%" alt="" />
              <span class="options-text">美食</span>
            </a>
          </div>
        <?php } ?>
          <div class="am-u-sm-<?php echo $col;?>">
            <a  onclick="javascript:toGoodsCat();" class="four-options">
				<img src="__ROOT__/Apps/WebApp/View/default/images/more.png" width="60%" alt="" />
              <span class="options-text">更多</span>
            </a>
          </div>
      </div>
		<div style="background-color: #eee;transform: scaleY(.5);width: 100%;height: 1px;float: right;"></div>
		<div style="background: white;padding: 0px 10px;height: 40px;overflow: hidden;margin-bottom: 5px;" id="contentDynamic">
		  <div style="width: 10%;float: left;display: inline-block;margin-top: 11px;">
			  <img src="__ROOT__/Apps/WebApp/View/default/images/webps.gif" width="50%" alt="" style="margin-top: -10px;" />
			  <span style="background: grey;position: relative;top: 0px;width: 1px;height:20px;transform: scaleX(.5);display: inline-block;"></span>
		  </div>
		  <div class="newsticker">
			  <ul class="newsticker-list">
				  <li class="newsticker-item">
					  番禺万达广场优惠大酬宾！
				  </li>
				  <li class="newsticker-item">
					  深圳东门美食街启动啦！
				  </li>
				  <li class="newsticker-item">
					  衣服专卖场！
				  </li>
			  </ul>
		  </div>
	  </div>

		<ul class="mui-table-view mui-grid-view" style="margin-bottom: 5px;padding-right: 0px;">
			<li class="mui-table-view-cell mui-media mui-col-xs-6" onclick="goToSpread(1);">
				<div style="display: inline-block;width: 60%;float: left;text-align: left;">
					<h4 style="color: #8d8ee9;font-weight: normal;font-size: 16px;">新品上市</h4>
					<h5 style="font-size: 12px;">精彩不断</h5>
				</div>
				<div style="display: inline-block;width: 40%;float: left;height: 50px;">
					<img class="mui-media-object" src="__ROOT__/Apps/WebApp/View/default/images/new.png" style="width: 60%;">
				</div>
			</li>
			<li class="mui-table-view-cell mui-media mui-col-xs-6" onclick="goToSpread(2);">
				<div style="display: inline-block;width: 60%;float: left;text-align: left;">
					<h4 style="color: #41c4e8;font-weight: normal;font-size: 16px;">明星推广</h4>
					<h5 style="font-size: 12px;">网红来啦</h5>
				</div>
				<div style="display: inline-block;width: 40%;float: left;height: 50px;">
					<img class="mui-media-object" src="__ROOT__/Apps/WebApp/View/default/images/m-index_12.png" style="width: 60%;">
				</div>
			</li>
			<div style="background-color: #eee;transform: scaleY(.5);width: 100%;height: 1px;float: right;"></div>
			<li class="mui-table-view-cell mui-media mui-col-xs-6" onclick="goToSpread(3);">
				<div style="display: inline-block;width: 60%;float: left;text-align: left;">
					<h4 style="color: #ff6da1;font-weight: normal;font-size: 16px;">拼团</h4>
					<h5 style="font-size: 12px;">实惠最前沿</h5>
				</div>
				<div style="display: inline-block;width: 40%;float: left;height: 50px;">
					<img class="mui-media-object" src="__ROOT__/Apps/WebApp/View/default/images/tuan.png" style="width: 60%;">
				</div>
			</li>
			<li class="mui-table-view-cell mui-media mui-col-xs-6" onclick="goToSpread(4);">
				<div style="display: inline-block;width: 60%;float: left;text-align: left;">
					<h4 style="color: #ff995f;font-weight: normal;font-size: 16px;">品牌折扣</h4>
					<h5 style="font-size: 12px;">卖的就是口碑</h5>
				</div>
				<div style="display: inline-block;width: 40%;float: left;height: 50px;margin-top: 0px;">
					<img class="mui-media-object" src="__ROOT__/Apps/WebApp/View/default/images/m-index_12.png" style="width: 60%;">
				</div>
			</li>
			<div style="background-color: #eee;transform: scaleY(.5);width: 100%;height: 1px;float: right;"></div>
			<li class="mui-table-view-cell mui-media mui-col-xs-6" onclick="goToSpread(5);">
				<div style="display: inline-block;width: 60%;float: left;text-align: left;">
					<h4 style="color: #50d681;font-weight: normal;font-size: 16px;">抢购</h4>
					<h5 style="font-size: 12px;">9.9元抢</h5>
				</div>
				<div style="display: inline-block;width: 40%;float: left;height: 50px;">
					<img class="mui-media-object" src="__ROOT__/Apps/WebApp/View/default/images/qiang.png" style="width: 60%;">
				</div>
			</li>
			<li class="mui-table-view-cell mui-media mui-col-xs-6" onclick="goToSpread(6);">
				<div style="display: inline-block;width: 60%;float: left;text-align: left;">
					<h4 style="color: #8ee8f4;font-weight: normal;font-size: 16px;">热销排行榜</h4>
					<h5 style="font-size: 12px;">爆款奉送</h5>
				</div>
				<div style="display: inline-block;width: 40%;float: left;height: 50px;margin-top: -10px;">
					<img class="mui-media-object" src="__ROOT__/Apps/WebApp/View/default/images/ee6.png" style="width: 100%;">
				</div>
			</li>
		</ul>
		<ul class="mui-table-view mui-grid-view" style="margin-bottom: 5px;padding-right: 0px;">
			<li class="mui-table-view-cell" style="width: 100%;text-align: left;">
				<h5 style="font-size: 14px;font-weight: 700;color: #000000;display: inline-block;">[节目]内衣show</h5>
				<h5 style="border: 1px solid red;display: inline-block;color: red;padding: 0px 3px;height: 15px;line-height: 15px;font-size: 12px;">直播</h5>
				<span style="float: right;font-size: 13px;margin-right: 10px;font-weight: 700;">更多</span>
			</li>
			<div style="background-color: #eee;transform: scaleY(.5);width: 100%;height: 1px;float: right;"></div>
			<li class="mui-table-view-cell" style="width: 100%;text-align: left;">
				<div style="display: inline-block;width: 25%;float: left;text-align: left;">
					<img class="mui-media-object" src="__ROOT__/Apps/WebApp/View/default/images/timg.jpg" style="width: 100%;">
				</div>
				<div style="display: inline-block;width: 75%;float: left;padding: 0px 10px;">
					<p style="font-weight: 700;color: #000;">广州南村番禺万达时尚服装秀，现场下单8折</p>
					<p>zara</p>
					<p style="padding: 0px 15px;background: firebrick;display: inline-block;height: 23px;line-height: 26px;border-radius: 3px;font-size: 13px;color: white;float: right;">评论</p>
				</div>

			</li>
		</ul>
		<div style="text-align: center;margin-bottom: 2px;">
			<i style="width: 100px;height: 1px;transform: scaleY(.5);background: grey;display: inline-block;position: relative;top: -5px;"></i>
			<span style="font-size: 13px;color: grey;">&nbsp;
				<span class="mui-icon mui-icon-home" style="font-size: 13px;color: white;border-radius: 50%;background: orange;padding: 2px;padding-left: 3px;"></span>&nbsp;&nbsp;附近店铺&nbsp;&nbsp;</span>
			<i style="width: 100px;height: 1px;transform: scaleY(.5);background: grey;display: inline-block;position: relative;top: -5px;"></i>
		</div>

	  <div class="wst-page wst-page1" id="wst-page1">
		  <style>
			  .shops-list{padding-top: 0px; background: #fff;border-top:inherit;}
			  .shops:nth-child(n+2){border-top: 1px solid #F1F1F3;}
			  input[type=text]{height: 30px}
			  .mui-table-view-cell{list-style: none}
		  </style>

		  <input type="hidden" name="" value="10" id="pageSize" autocomplete="off">
		  <input type="hidden" name="" value="0" id="currPage" autocomplete="off">
		  <input type="hidden" name="" value="" id="totalPage" autocomplete="off">
		  <input type="hidden" name="" value="0" id="shopOrderby" autocomplete="off">
		  <input type="hidden" name="" value="0" id="shopOrder" autocomplete="off">
		  <input type="hidden" name="" value="{$searchKey}" id="searchKey" autocomplete="off">

		  <div class="shops-list" id="shops-list"></div>
		  <div id="loading-icon" class="loading-icon" style="display:none;"><span class="am-icon-spinner am-icon-spin"></span></div>
	  </div>

    </div>
  </div>
  <div class="wst-page wst-page2" id="wst-page2" style="display:none;"></div>

  <div class="am-modal am-modal-loading am-modal-no-btn" tabindex="-1" id="wst-default-loading">
    <div class="am-modal-dialog">
      <div class="am-modal-hd" id="loadingTips">Loading...</div>
      <div class="am-modal-bd">
        <span class="am-icon-spinner am-icon-spin"></span>
      </div>
    </div>
  </div>
  <div class="am-modal am-modal-confirm" tabindex="-1" id="wst-confirm">
    <div class="am-modal-dialog">
      <div class="am-modal-hd" id="confirmMsg"></div>
      <div class="am-modal-footer">
        <span class="am-modal-btn" data-am-modal-cancel>取消</span>
        <span class="am-modal-btn" data-am-modal-confirm>确定</span>
      </div>
    </div>
  </div>

  <include file="./Apps/WebApp/View/default/common_footer.html" />
  <include file="./Apps/WebApp/View/default/citys.html" /><!-- 城市列表页模板 -->
  <include file="./Apps/WebApp/View/default/brands.html" /><!-- 品牌馆模板 -->
  <include file="./Apps/WebApp/View/default/common_js.html" />

  <script src="__ROOT__/Apps/WebApp/View/default/js/swiper.jquery.min.js"></script>
  <script src="__ROOT__/Apps/WebApp/View/default/AmazeUI/assets/js/handlebars.min.js"></script>
  <script src="__ROOT__/Apps/WebApp/View/default/AmazeUI/assets/js/amazeui.widgets.helper.min.js"></script>
  <script src="__ROOT__/Apps/WebApp/View/default/js/wst_page_common.js?v={$WST_V}"></script>
  <script src="__ROOT__/Apps/WebApp/View/default/js/home.js?v={$WST_V}"></script>
  <script src="__ROOT__/Apps/WebApp/View/default/js/shops_list.js?v={$WST_V}"></script>
  <style>
	  ul, li{ margin: 0; padding: 0 }
	  .newsticker {
		  margin-top: 7px;
		  border-radius: 10px;
		  -webkit-border-radius: 10px;
		  -moz-border-radius: 10px;
		  color: #402726;
		  cursor: default;
		  font-family: verdana;
		  font-size: 13px;
		  line-height: 15.6px;
		  height: 30px;
		  position: relative;
		  overflow: hidden;
	  }

	  .newsticker .newsticker-list {
		  position: absolute;
		  top: 8px;
	  }

	  .newsticker .newsticker-list .newsticker-item {
		  height: 30px;
		  overflow: hidden;
		  white-space: nowrap;
	  }
	  .wst-to-top-icon {
		  margin-top: 9px;
	  }
	  .mui-table-view-cell:after,.mui-table-view:before,.mui-table-view:after{background-color: #fff;}
  </style>
  <script>
	  (function($) {
		  $.fn.newsticker = function(opts) {
			  // default configuration
			  var config = $.extend({}, {
				  height: 30,
				  speed: 300,
				  start: 8,
				  interval: 3000,
				  move: null
			  }, opts);
			  // main function
			  function init(obj) {
				  var $newsticker = obj,
						  $frame = $newsticker.find('.newsticker-list'),
						  $item = $frame.find('.newsticker-item'),
						  $next,
						  stop = false;

				  function init(){
					  $item.eq(0).addClass('current'); //set start item
					  suspend();
					  move();
				  };

				  function suspend(){
					  $newsticker.on('mouseover mouseout', function(e) {
						  if (e.type == 'mouseover') {
							  stop = true;
						  } else { //mouseout
							  stop = false;
						  }
					  });
				  };

				  function move(){
					  if($.isFunction(config.move)){
						  config.move.call(this);
					  }
					  else{
						  setInterval(function() {
							  if (!stop) {
								  var $current = $frame.find('.current');

								  $frame.animate({
									  top: '-=' + config.height + 'px'
								  }, config.speed, function() {
									  $next = $frame.find('.current').next();
									  $next.addClass('current');
									  $current.removeClass('current');
									  $current.clone().appendTo($frame);
									  $current.remove();
									  $frame.css('top', config.start + 'px');
								  });
							  }
						  }, config.interval);
					  }
				  };

				  init();
			  }
			  // initialize every element
			  this.each(function() {
				  init($(this));
			  });
			  return this;
		  };
		  // start
		  $(function() {
			  $('.newsticker').newsticker();
		  });
	  })(jQuery);
	  function goToSpread(num){
		  switch (num)
		  {
			  case 1:
				  location.href = WST.U('WebApp/New/index');
				  break;
			  case 2:
				  location.href = WST.U('WebApp/Live/getLiveList');
				  break;
			  case 3:
				  location.href = WST.U('WebApp/Groups/index');
				  break;
			  case 4:
				  location.href = WST.U('WebApp/BranPer/index');
				  break;
			  case 5:
				  location.href = WST.U('WebApp/Panics/index');
				  break;
			  case 6:
				  location.href = WST.U('WebApp/Hot/index');
				  break;
			  default :
				  break;
		  }
	  }
	  function toGoodsList(goodsCatId, goodsCat) {
		  location.href = WST.U("WebApp/Goods/index", goodsCat+'='+goodsCatId);
	  }
  </script>
  <script src="http://webapi.amap.com/maps?v=1.3&key=b08c0e3bf90e1122a0fa628c33d72201&callback=mapCallback"></script>
  <script>
	  wstGetPosition();
  </script>
</body>
</html>